@import "/@/assets/css/pc/public.scss";
@import "/@/assets/css/phone/public.scss";


.archive .archive-container .archive-post .archive-total,
.archive .archive-container .archive-post .archive-year,
.archive .archive-container .archive-post .archive-date,
.archive .archive-container .archive-post .archive-title {
  font-size: 16px;
  font-weight: bold;
  word-break: break-all;
}

/*外部容器*/
.listview-container {
  margin: 10px 10px;
  margin-bottom: 115px;
}

/*行样式*/
.playlog-item {
  display: flex;
}

/*时间轴*/
.playlog-item .dotline {
  width: 70px;
  position: relative;
}

/*竖线*/
.playlog-item .dotline .line {
  width: 2px;
  height: 100%;
  background: #ccc;
  position: absolute;
  top: 0;
  left: 30px; 
}

/*圆点*/
.playlog-item .dotline .dot {
  width: 16px;
  height: 16px;
  background: #24657D;
  position: absolute;
  top: 20px;
  left: 23px;
  border-radius: 50%;
}

/*时间戳*/
.playlog-item .dotline .time {
  width: 100%;
  position: absolute;
  margin-top: 60px;
  z-index: 99;
  font-size: 24px;
  color: #777;
  text-align: center;
}

/*右侧主体内容*/
.playlog-item .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid #ddd;
  margin: 6px 0px;
}

/*章节部分*/
.playlog-item .content .chapter {
  font-size: 14px;
  line-height: 26px;
  color: #444;
  white-space: normal;
  padding-right: 20px;
  padding-bottom: 10px;
}

/*课程部分*/
.playlog-item .content .course {
  font-size: 18px;
  line-height: 40px;
  color: #999;
}
.footer{
  height:86px;
  width:100%;
  position: fixed;
  top:92vh;
}
.body{
  height: 100vh;
  width: 100%;
  // background: greenyellow;
  overflow-y: scroll;
  // padding-bottom: 8vh;
  padding-top: 46px;
  box-sizing: border-box;
}
.header{
  height:100px;
  width:100%;
  position: fixed;
  top:0vh;
  z-index:1000;
}
